/*下单流程*/
.page-cart, .page-order-goods { background: #f1f1f1; }
.page-cart:after, .page-order:after, .page-order-address-list:after, .page-pay { height: 50px; }
/*购物车*/
.shop-discount{padding:12px 12px 0;font-size:12px;}
.shop-discount span{background: #825dc7;color: #fff;padding: 0 3px;margin-right:5px;}
.cart-list ul, .order-goods-list ul { padding: 12px; }
.cart-list li, .order-goods-list li { width: 100%; position: relative; padding: 12px 12px 12px 30px; background: #fff; font-size: 12px; border-bottom: 1px solid #e4e4e4; }
.cart-list li.disabled:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:8;}
.cart-list li.disabled .cart-image:after { content: '失效'; display: block; width: 100%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.5); text-align: center; padding: 6px 0; color: #fff; font-size: 14px; }
.cart-list li .error{ position:absolute;left:12px;bottom:0;width:80%;}
.cart-select{position:absolute;left:0;top:0;width:30px;height:100%;}
.cart-image { width: 40%; position: relative; margin-right: 8px; }
.cart-image img { width: 100%; }
.cart-detail { line-height: 1.4em; position: relative; }
.cart-list li h2 { height: 32px; font-size: 14px; margin-bottom: 5px; overflow: hidden; }
.cart-spec, .cart-price, .cart-tags { margin-bottom: 5px; color: #666; min-height:16px;}
.cart-spec i { margin-right: 5px; color: #666; }
.cart-price i { color: #f00; margin-right: 5px; }
.cart-tags i { display: inline-block; padding: 1px 5px; background: #825dc7; border-radius: 3px; color: #fff; font-size: 12px; margin-right: 5px; }
.cart-sum {padding-top:3px;color: #f00; overflow:hidden; }
.cart-list li .radio { position: absolute; left: 6px; top: 50%; margin-top:-6px;}
/*购物车空了*/
.cart-empty { position: fixed; left: 0; right: 0; top: 30%; text-align: center; }
.cart-empty-image, .cart-empty-tips { display: inline-block; vertical-align: middle; }
.cart-empty-image { width: 50px; height: 50px;background-size: contain; background-position: 50%;margin-right:5px;}
.cart-empty-tips {padding-top:5px; line-height: 1.4em; color: #666; }
.cart-empty-btn { margin-top: 30px; }
.cart-empty-btn a, .result-btn a { display: inline-block; padding: 6px 12px; border-radius: 3px; border: 1px solid #825dc7; color: #825dc7; }
/*购物车编辑*/
.cart-edit, .cart-dis-del{ float:right;margin-top:-3px; display: inline-block; padding: 2px 6px; color: #f00; border: 1px solid #f00; border-radius: 3px; position:relative;z-index:9;}
.cart-edit-panel { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; background: #fff; display: none;z-index:10; }
.cart-edit-panel input { border: none; width: 40px; color: #f00; text-align: center;vertical-align:middle; }
.cart-amount {text-align: right; }
.cart-edit-panel .amount-add, .cart-edit-panel .amount-reduce { display: inline-block; width: 22px; height: 22px; text-align: center; line-height: 22px; font-size: 18px; font-weight: 900; color: #825dc7; border: 1px solid #825dc7; border-radius: 3px; vertical-align:middle;}
.cart-edit-panel .amount-add.dis, .cart-edit-panel .amount-reduce.dis{border:1px solid #ccc;color:#ccc;}
.cart-btns { width: 100%; text-align: center; margin: 10px 0 6px; }
.cart-btns i { display: block; padding: 3px 0; border-radius: 3px; }
.cart-del { color: #825dc7; border: 1px solid #825dc7; }
.cart-comp { color: #f00; border: 1px solid #f00; margin-left: 30px; }
/*浮底结算*/
.cart-settle, .order-settle { position: fixed; left: 0; right: 0; bottom: 0; height: 50px; background: #fff; border-top: 1px solid #e4e4e4; font-size: 14px;z-index:11; }
.order-settle { padding: 6px 100px 0 12px; }
.order-settle p { line-height: 1.4em; }
.cart-settle-submit, .order-submit { position: absolute; right: 0; top: 0; width: 80px; padding: 0 8px; height: 100%; background: #f00; color: #fff; line-height: 50px; text-align: center; }
.cart-settle-submit i { font-size: 14px; }
.cart-settle-info { padding: 6px 110px 0 60px; line-height: 1.4em; color: #666; }
.cart-settle-priv { color: #333; }
.cart-settle .select-all { position: absolute; left: 0; top: 0; width: 50px; height: 50px;padding-left:6px; text-align: center; line-height: 55px;font-size:12px; }
.cart-settle .select-all i{margin-left:3px;}
/*订单确认*/
.order-info, .order-address-list, .pay { padding: 0 12px; }
.order-address { padding: 12px 40px 12px 12px; border-bottom: 1px solid #e4e4e4; line-height: 1.5em; position: relative; }
.order-address p i{padding-right:5px;}
.order-address .icon { position: absolute; right: 12px; top: 50%; margin-top: -12px; }
.order-address-empty{font-size:14px;line-height:1.4em;}
.order-goods, .order-deduct, .order-pay, .pay-info { padding: 12px; position: relative; border-bottom: 1px solid #e4e4e4; }
.order-goods-view { position: absolute; top: 8px; right: 12px; color: #825dc7; }
.order-goods-view i { color: #f00; padding: 0 2px; }
.order-goods-view a { vertical-align: middle; }
.order-goods-thumb { padding: 12px 0 6px; }
.order-goods-thumb li {max-width:25%;text-align: center; }
.order-goods-thumb li div { width: 96%; margin-bottom: 5px; font-size: 0; background: #ccc; position: relative; }
.order-goods-thumb li div:after { content: ''; display: inline-block; width: 0; padding-top: 100%; vertical-align: middle; }
.order-goods-thumb li img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.order-sum { padding: 12px 12px 0; line-height: 1.4em; }
.list-value { text-align: right; }
.order-deduct span { vertical-align: top; margin-right: 5px; }
.order-pay { border: none; }
.order-pay h2 .list-value { margin-top: -4px; }
.order-pay h2 span { vertical-align: middle; }
.order-pay h2 span.icon{-webkit-transition:-webkit-transform .3s linear;-moz-transition:-moz-transform .3s linear;transition:transform .3s linear;}
.order-pay h2 span.icon.up{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);transform:rotate(-90deg);}
.order-pay-inner { display: none; }
.order-pay-cont { padding: 12px 0; font-size: 14px; -webkit-box-align: center; }
.order-pay-input { width: 66px; height: 30px; border: 1px solid #e4e4e4; border-radius: 3px; margin-right: 5px; }
.order-pay-input input { width: 100%; height: 100%; border: none; padding: 0; font-size: 14px; line-height: 30px; }
.order-pay-confirm { width: 50px; height: 30px; border-radius: 3px; border: 1px solid #825dc7; color: #825dc7; line-height: 30px; text-align: center; }
.order-pay-confirm.dis{border:1px solid #ccc; color:#ccc;}
/*支付*/
.pay-info li { word-break:break-all; padding-bottom:8px;line-height:1.4em;}
.pay-info li .list-value{text-align:left;}
.pay-method { padding: 12px 0; }
.pay-method li { width: 50%; margin: 12px; padding: 2px 5px; border-radius: 3px; border: 1px solid #e4e4e4; line-height: 36px; }
.pay-method li.selected { border: 1px solid #825dc7; }
.pay-method li span { display: inline-block; vertical-align: middle; }
.wxpay-image, .alipay-image { width: 36px; height: 36px; background-position: center; background-repeat: no-repeat; background-size: contain; }
.wxpay-image { background-image: url(../images/icon-wxpay.png); }
.alipay-image { background-image: url(../images/icon-alipay.png); }
/*商品清单*/
.order-goods-list li { padding-left: 12px; }
.order-goods-list li .cart-spec { margin-top: 5px; }
/*支付结果*/
.pay-result { text-align: center; padding: 50px 0; }
.ok-image { display: inline-block; width: 60px; height: 60px; border-radius: 100%; background: #4fbe47 url(../images/icon-ok.png) no-repeat center center; background-size: 80%; }
.result-tips { margin: 15px 0 40px; line-height: 1.2em; }
.view-order-detail { color: #825dc7; font-size: 14px; padding-top: 40px; }
/*选择地址*/
.order-address-list li { padding: 12px 50px 12px 28px; border-bottom: 1px solid #e4e4e4; line-height: 1.4em; position: relative;word-break:break-all;}
.order-address-list p i{padding-right:5px;}
.address-list li{padding:12px 80px 12px 12px;}
.order-address-list .radio { position: absolute; left: 6px; top: 36%; }
.order-address-list .address-default { position: absolute; right: 50px; top: 12px; display: inline-block; padding: 0 5px; background: #825dc7; border-radius: 3px; color: #fff; font-size: 12px; display:none;}
.address-list .address-default{right:80px;}
.order-address-list .address-edit, .order-address-list .address-del{ position: absolute;right:0; top: 0; bottom: 0; width: 40px; text-align: center;}
.address-list .address-edit{right:40px;}
.order-address-list .address-edit a{display:block;width:100%;height:100%;}
.order-address-list .address-edit a:after ,.order-address-list .address-del:after{ content: ''; display: inline-block; height: 100%; width: 0; vertical-align: middle; }
.set-default{color:#825dc7;font-size:14px;display:inline-block;}
.noaddress{padding:20px;line-height:1.5em;}
/*新增收货地址*/
.bottom-btn { width: 100%; height: 40px; background: #f00; color: #fff; line-height: 40px; position: fixed; left: 0; bottom: 0; text-align: center; }
.bottom-btn a{display:block;width:100%;height:100%;}
.form-list { padding: 12px; }
.form-list li { padding: 12px; border-bottom: 1px solid #e4e4e4; line-height: 30px; }
.list-name { width: 80px; color: #666; }
.list-value input { width: 100%; height: 30px; border: none; line-height: 30px; padding:0;}
.list-value textarea { width: 100%; height: 60px; padding-top: 5px; border: none; line-height: 20px; }
.address-setdefault { padding: 12px; }
.address-setdefault span { margin-left: 10px; }
.address-error{padding:0 12px;}
.area-page{position:fixed;left:0;right:0;top:0;bottom:0;background:#fff;z-index:4;display:none;}
/*地区选择*/
.area-title { width: 100%;height:40px; border-bottom: 1px solid #e4e4e4; line-height: 40px; text-align: center;position:absolute;left:0;top:40px;}
.area-title>div { position: relative; width:25%;}
.area-title>div.active { color: #f00; }
.area-title>div.active:after { content: ''; display: block; width: 80%; height: 2px; background: #f00; position: absolute; left: 50%; bottom: 0; margin-left: -40%; }
.area-list-wrap { position:absolute;left:0;top:80px;right:0;bottom:0;overflow: hidden;}
.area-list { width: 300%; height: 100%; -webkit-transform: translate(0, 0) translateZ(0); -webkit-transition-property: transform; -webkit-transition-duration: 300ms; -webkit-transition-timing-function: cubic-bezier(.1, .57, .1, 1); overflow: hidden; }
.area-section { z-index: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); width: 100%; height:100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; }
.area-section li { height: 36px; line-height: 36px; text-indent:1em; border-bottom:1px solid #f0f0f0;overflow: hidden;}

/*短信验证*/
.cell-validate{font-size:12px;text-align:left;line-height:1.8em;}
.validate-input{padding:5px 0;}
.validate-input input{width:100%;height:28px;border:1px solid #e4e4e4;padding:0;font-size:12px;line-height:28px;}
.validate-btn{width:90px; height:30px;line-height:30px;text-align:center;background: #825dc7;color:#fff;margin-left:10px;}
.validate-btn.dis{background:#666;}

